/***
chat.css ## not included
top_user_info.css
buddy_list2.css
feed_new.css
***/

/*** top_user_info.css ***/
/*******************/
div.main_center.top_user_info {
	background: transparent;
	position: relative;
	overflow: visible;
	padding-bottom:2px;
}
.top_user_info .info_block {
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	margin-right: 3px;
	padding: 0 5px;
	cursor:pointer;
	border: 1px solid transparent;
	position: relative;
	top:1px;
}

.top_user_info .info_block:hover, .top_user_info .clubs_block:hover {
	background-color: #396A10;
}

.top_user_info .info_block.notification {
	color: #28400F;
}

.top_user_info .info_block.notification.new {
	color: #fff;
	background-color: #396A10;
}
.top_user_info .info_block .notification_icon {
	background-image: url(https://trophymanager.cn/tm/pics/icons/buddy_bar_notification_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 13px;
	height: 12px;
	margin: 0 6px 0 3px;
}
.top_user_info .info_block .pro_icon, .top_user_info .clubs_block img, .top_user_info .club_change_select img{
	position: relative;
	top: 1px;
}
.top_user_info .info_block.announcement_block .notification_icon {
	background-position: right -24px;
}
.top_user_info .info_block.announcement_block.new .notification_icon {
	background-position: left -24px;
}
.top_user_info .info_block.feed_block .notification_icon {
	background-position: right -12px;
}
.top_user_info .info_block.feed_block.new .notification_icon {
	background-position: left -12px;
}
.top_user_info .info_block.pm_block .notification_icon {
	background-position: right top;
}
.top_user_info .info_block.new.pm_block .notification_icon {
	background-position: left top;
}
.top_user_info .info_block.video_block .notification_icon {
	background-position: right bottom;
}
.top_user_info .info_block.new.video_block .notification_icon {
	background-position: left bottom;
}
.top_user_info .clubs_block {
	padding-left: 4px;
	cursor:pointer;
	border-radius: 4px;
	border: 1px solid transparent;
	position: relative;
	top:1px;
}
.top_user_info .info_block.active, .top_user_info .clubs_block.active {
	border-radius: 4px 4px 0 0;
	background-color: #396A10;
	border: 1px solid #6c9922;
	border-bottom: 1px solid transparent;
	z-index:2;
}
.top_user_info .notification_content {
	outline: none;
	background-color: #396A10;
	color: #fff;
	padding: 5px;
	width: 250px;
	position: absolute;
	z-index: 2;
	border-radius: 0 0 4px 4px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	display: none;
	min-height: 70px;
	border: 1px solid #6c9922;
	z-index:1;
}

.top_user_info .notification_content.pm_notification_content {
	width: 340px;
}
.top_user_info .notification_content.pm_notification_content .text_fade_overlay{
	display: none;
}
.top_user_info .club_change_select .club {
	display: block;
	color: #fff;
}
.top_user_info .club_change_select .club:hover {
	background: #6c9922;
}
.top_user_info .club_change_select .expired {
	color: #B8D988;
}
.top_user_info .feed_notification_content {
	width: 300px;
	overflow:hidden;
	max-height: 350px;
}

/*** buddy_list2.css ***/
/*******************/
.buddy_bar {
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 3;
}
.buddy_bar .buddy_list_button {
	box-shadow: rgba(0, 0, 0, 0.4) 0px -2px 4px; 
	background: #28400F;
	padding: 0 10px;
	line-height: 26px;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
}
.buddy_bar .buddy_list_button.active {	
	box-shadow: none;
	background: #396A10;
	border-radius: 4px 0 0 0;
	position: relative;
	top: 1;
	z-index: 3;
	border-left: 1px solid #6c9922;
	border-top: 1px solid #6c9922;
}
.buddy_bar .buddy_list_button:hover {
	background: #396A10;
}
.buddy_bar .buddy_list_new {
	outline: none; 
	background-color: #396A10;
	color: #fff; 
	padding: 5px 5px 30px 5px; 
	width: 250px;
	position: absolute; 
	border-radius: 4px 4px 0 0; 
	box-shadow: rgba(0, 0, 0, 0.4) 0px -2px 4px; 
	display: none; 
	min-height: 150px;
	border: 1px solid #6c9922;
	border-bottom: none;
	z-index:2;
}
.buddy_bar .buddy_list_inner {
	max-height: 350px;
	overflow:hidden;
	overflow-y:auto;
}
.buddy_bar .buddy_list_new .buddy {
	border-bottom: 1px dotted #6c9922;
}
.buddy_bar .buddy_list_new .buddy a{
	color: #fff;
	font-weight: normal;
	padding: 0 0 0 8px;
	background-position: left center;
	background-repeat: no-repeat;
}
.buddy_bar .buddy_list_new .buddy a:hover{
	color: #cf0;
}
.buddy_bar .buddy_list_new .buddy.offline a{
	background-image: url(https://trophymanager.cn/tm/pics/icons/offline.gif);
}
.buddy_bar .buddy_list_new .buddy.online a{
	background-image: url(https://trophymanager.cn/tm/pics/icons/online.gif);
}
.buddy_bar .buddy_list_new .add_buddy{
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #6c9922;
	border-right: 1px solid #6c9922;
	border-radius: 0 4px 0 0;
	line-height: 26px;
	padding: 0 10px;
	cursor:pointer;
}
.buddy_bar .buddy_list_new .add_buddy:hover{
	background: #6c9922;
}
#add_buddy {
	width: 242px;
}
.remove_buddy {
	float:right;
	background: url(https://trophymanager.cn/tm/pics/small_red_x.png) no-repeat center center;
	width: 12px;
	height: 16px;
	vertical-align:middle;
	display: none;
	cursor: pointer;
}
.friendly_challenge {
	float:right;
	background: url(https://trophymanager.cn/tm/pics/icons/friendly_challenge.png) no-repeat center center;
	width: 14px;
	height: 16px;
	vertical-align:middle;
	display: none;
	cursor: pointer;
	margin: 0 4px;
}
.buddy:hover .remove_buddy, 
.buddy:hover .friendly_challenge 
{
	display: inline-block;
}
::-webkit-input-placeholder {
    color: #B8D988;
}
:-moz-placeholder {
    color: #B8D988;
}
:-ms-input-placeholder {
        color: #B8D988;
}

/*** feed_new.css ***/
/*******************/
.feed_top *:focus, .feed_content *:focus {
	outline: none;
}
.feed_top textarea {
	width: 600px;
}
.feed_content {

}
.feed_content .feed_post {
	padding: 10px 10px 10px 0; 
}
.feed_content .feed_post_deleted {
	text-align:center;
	padding:5px;
	background: #6c9922;
	margin: 1px 0;
}
.feed_content .feed_post .logo_container {
	float: left; 
	width: 100px; 
	text-align: right; 
	margin-right: 15px; 
}
.feed_content .feed_post.system_post .logo_container {
	width: 40px;
	margin-right: 5px; 
}
.feed_content .feed_post .feed_post_content {
	width: 468px;
	text-align: right;
	float:left;
}
.feed_content .feed_post .feed_post_content .post_time {
	text-align: left;
}
.feed_content .feed_post .feed_post_content .post_time .muted{
	color: #700;
}
.feed_content .feed_post .feed_post_content .post_text, .feed_content .feed_post .feed_post_content .post_full_text  {
	text-align: left;
}
.feed_content .feed_post.system_post .feed_post_content {
	width: 538px;
}
.feed_content .feed_post .options {
	padding-top: 5px;
}
.feed_content .feed_post .hover_options {
	visibility: hidden;
}
.feed_content .feed_post .post_options_button {
	width: 12px;
	height: 12px;
	display: inline-block;
	position: relative;
	background: url(https://trophymanager.cn/tm/pics/arrow_down_subtle.png) no-repeat center center;
	cursor: pointer;
	float: right;
}
.feed_content .feed_post .post_options {
	position: absolute;
	top: 12px;
	right: 0px;
	width: 200px;
	background: #578229;
	display: none;
	border: 1px solid #6c9922;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	z-index: 2;
}
.feed_content .feed_post .post_options .post_option {
	padding: 3px 10px;
}
.feed_content .feed_post .post_options .post_option:hover {
	background: #6c9922;
}
.feed_content .feed_post .feed_post_content .feed_post_inner {
	width: 480px;
	text-align: left;
	margin: 0 0 0 auto;
}
.feed_content .like_icon{
	cursor: pointer;
	position:relative;
	top:-1px;
}
.feed_content .feed_post .comments {
	width: 480px;
}

.feed_content .feed_post .comments .comment{
	border-bottom: 1px dotted #6c9922;
	padding: 4px 0;
}
.feed_content .feed_post .comments .comment .comment_options{
	visibility: hidden;
	white-space: nowrap;
}
.feed_content .feed_post .comments .comment .comment_time {
	line-height: 11px;
}
.feed_content .feed_post .comments .comment .comment_options .comment_delete,
.feed_content .feed_post .comments .comment .comment_options .comment_edit,
.feed_content .feed_post .comments .comment .comment_options .comment_like
{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(https://trophymanager.cn/tm/pics/small_red_x.png) no-repeat center center;
	margin-left: 4px;
	cursor: pointer;
	position:relative;
	top: 2px;
}
.feed_content .feed_post .comments .comment .comment_options .comment_like
{
	background: url(https://trophymanager.cn/tm/pics/thumb_up.png) no-repeat center;
}
.feed_content .feed_post .comments .comment .comment_options .comment_edit {
	background: url(https://trophymanager.cn/tm/pics/icons/pen.gif) no-repeat center center;
	top: 1px;
}

.feed_content .feed_post .comments .logo_container {
	width: 30px;
	float: left;
	margin-right: 5px; 
}
.feed_content .feed_post .comments .comment_text {
	width: 440px;
	float: left;
}
.feed_content .feed_post .feed_comment_box {
	width: 480px;
}
.feed_content .feed_post .feed_comment_box textarea {
	width: 472px;
	margin-top: 5px;
	
}
.feed_content .feed_post .feed_comment_box .comment_button,
.feed_top .feed_button, .feed_content .feed_button
{
	text-align:center;
	padding-top: 3px;
}
.feed_top .textarea_placehold {
	margin-top: 5px;
	border: 1px solid #41631F;
	border-radius: 2px;
	padding: 2px;
	width: 600px;
	display: block;
	background: #6c9922;

}
.feed_content a {
	font-weight: normal;
}
.feed_post textarea.feed_edit {
	width: 472px;
}
.feed_post .feed_like, .feed_post .comment_like  {
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 4px;
	display: inline-block;
	margin-right: 4px;
	cursor:default;
}
.feed_post .feed_like.like_hidden, .feed_post .comment_like.like_hidden {
	display: none;
}
.feed_post .feed_like.positive,.feed_post .comment_like.positive {
	background: #070;
}

.feed_post .comment_like {
	line-height: 14px;
	padding: 0 2px;
	margin-right: 0;
	margin-left: 4px;
}
.feed_post .comment .logo_container a {
	display: inline-block;
	height:25px;
}
/** Width 480px (-padding)**/
.w480 .feed_top textarea {
	width: 460px;
}
.w480 .feed_content .feed_post .post_options_button {
	
}
.w480 .feed_content .feed_post .feed_post_content .feed_post_inner {
	width: 340px;
}
.w480 .feed_content .feed_post.system_post .feed_post_content  {
	width: 399px;
}
.w480 .feed_content .feed_post .feed_post_content {
	width: 340px;
}
.w480 .feed_content .feed_post .logo_container {

}
.w480 .feed_content .feed_post .comments .comment_text {
	width: 300px;
}
.w480 .feed_content .feed_post .comments {
	width: 340px;
}
.w480 .feed_content .feed_post .feed_comment_box {
	width: 340px;
}
.w480 .feed_content .feed_post .feed_comment_box textarea {
	 width: 332px;
}
.w480 .feed_top .textarea_placehold {
	 width: 460px;
}

/*** SHOULD BE MOVED SOMEWHERE MAINISH AT SOME POINT **/
a.arrow_down, span.arrow_down {
	display: inline-block;
	background-image: url(https://trophymanager.cn/tm/pics/cf_mini_arrow_down.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 13px;
}
div.arrow_right {
	background: url(https://trophymanager.cn/tm/pics/cf_mini_arrow_right.png) no-repeat center right;
	padding-right: 13px;
}
div.arrow_down {
	background: url(https://trophymanager.cn/tm/pics/cf_mini_arrow_down.png) no-repeat center right;
	padding-right: 13px;
}
.suggestions {
	background: #578229;
	border: 1px solid #41631f;
	border-top: none;
	border-radius: 0 0 2px 2px;
	color:#fff;
	box-shadow: 0 3px 5px 2px rgba(0,0,0,.7);
	min-width: 250px;
	max-width: 400px;
	overflow: hidden;
	position: absolute;
}
.suggestions .suggestion {
	border-bottom: 1px solid #41631F;
	cursor: pointer;
	padding: 3px;
	white-space: nowrap;
}
.suggestions .suggestion:last {
	border-bottom: none;
}
.suggestions .suggestion.selected {
	background: #41631F;
	color: #cf0;
}
.feed_content .feed_post .comments .comment.hidden_comments_link {
	padding: 4px 0;
}
.feed_content .feed_post .comments .comment.hidden_comments_link .arrow_right,
.feed_content .feed_post .comments .comment.hidden_comments_link .arrow_down {
	padding-left: 0;
}
#feed.wstretch {
	max-width: 620px;
	margin: 0 auto;
	overflow:hidden;
	width:100%;
}
.wstretch .feed_top form {
	text-align:center;
	width: 100%;
	padding:0;
	margin:0;
}
.wstretch .feed_top textarea {
	max-width: 460px;
	width: 96%;
	margin: 0 auto;
}
.wstretch .feed_content .feed_post {
	padding: 20px 0 10px 0;
	border-bottom: 2px solid #6c9922;
}
.wstretch .feed_content .feed_post .logo_container {
	width:25%;
	margin: 0 0 0 0;
	text-align:center;
	overflow:hidden;
}
.wstretch .feed_content .feed_post .post_options_button {
	display: none;
}
.wstretch .feed_content .feed_post .feed_post_content .feed_post_inner {
	width: 100%;
	margin: 3px 0;
}
.wstretch .feed_content .feed_post .feed_post_content .feed_post_inner .hover_options,
.wstretch .feed_content .feed_post .feed_post_content .feed_post_inner .feed_comment_box
{
	display: none;
}
.wstretch .feed_content .feed_post.system_post .feed_post_content  {
	_max-width: 500px;
	width: 90%;
}
.wstretch .feed_content .feed_post .feed_post_content {
	_max-width: 460px;
	width: 73%;
}
.wstretch .feed_content .feed_post.system_post .logo_container,
.wstretch .feed_content .feed_post .comment .logo_container {
	width: 10%;
	_max-width: 40px;
}
.wstretch .feed_content .feed_post .comments .comment_text {
	width: 90%;
}
.wstretch .feed_content .feed_post .comments {
	width: 100%;
}
.wstretch .feed_content .feed_post .feed_comment_box {
	width: 75%;
}
.wstretch .feed_content .feed_post .feed_comment_box textarea {
	width: 65%;
}
.wstretch .feed_content .feed_post .comment .comment_options{
	visibility: visible;
}
.wstretch .feed_content .feed_post .comment .comment_options span {
	margin: 0 3px;
	padding: 0 8px;
	min-height: 30px;
	line-height: 30px;
	background-color: #41631F !important;
	border-radius: 4px;
	text-align:center;
	display: inline-block;

}
.wstretch .feed_top .textarea_placehold {
	max-width: 460px;
	width: 96%;
	margin: 5px auto 0 auto;
}
.wstretch .similar_stories_show.arrow_right,.wstretch .similar_stories_hide.arrow_down {
	width: 92%;
	margin: 5px 2%;
	padding: 0 2%;
	min-height: 30px;
	line-height: 30px;
	background-color: #41631F;
	border-radius: 4px;
	text-align:center;
	display: block;
}
.wstretch .feed_post textarea.feed_edit {
	width: 96%;
}
